<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>I Like BBJ!!</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/table.css">
<link rel="stylesheet" href="css/button.css">
<link rel="stylesheet" href="css/jquery-impromptu.css">
<link rel="stylesheet" href="css/sweet-alert.css">
<link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.css">
<script type="text/javascript" src="jquery/jquery-1.10.2.js"></script>
<script src="jquery/jquery-ui-1.10.4.custom.js"></script>
<script src="jquery/sweet-alert.js"></script>
<script src="jquery/jquery-impromptu.js"></script>
<script src="jquery/main.js"></script>

</head>
<body>
<div id="layout">
    <!-- Menu toggle -->
    <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>
    <div id="menu">
    	<ul>
		   <li class='active has-sub'><a href='#'><span>BJJ</span></a>
		      <ul>
	               <li><a href='#'><span>정의</span></a></li>
	               <li><a href='#'><span>유래</span></a></li>
	               <li><a href='#'><span>그레이시 가문</span></a></li>
	               <li class='last'><a href='#'><span>한국에서의 주짓수</span></a></li>
		      </ul>
		   </li>
		   <li class='active has-sub'><a href='#'><span>BBJ 기본 상식</span></a>
		      <ul>
		      		<li><a href='#' data-target="belts.html"><span>벨트(등급)</span></a></li>
					<li><a href='#' data-target="judo.html"><span>유도와의 차이점</span></a></li>
					<li><a href='#' data-target="yusul.html"><span>유술과의 차이점</span></a></li>
					<li><a href='#' data-target="danger.html"><span>위험한 기술</span></a></li>
					<li class='last'><a href='#' data-target="givsnogi.html"><span>기 VS 노기</span></a></li>
		      </ul>
		   </li>
		   <li class='active has-sub'><a href='#'><span>BJJ 테크닉</span></a>
		      <ul>
		         <li class='has-sub'><a href='#'><span>수비</span></a>
		            <ul>
		               <li><a href='#'><span>클로즈 가드</span></a></li>
		               <li class='last'><a href='#'><span>오픈 가드</span></a></li>
		            </ul>
		         </li>
		         <li class='has-sub'><a href='#'><span>공격</span></a>
		            <ul>
		               <li><a href='#'><span>삼각 조르기</span></a></li>
		               <li class='last'><a href='#'><span>암바</span></a></li>
		            </ul>
		         </li>
		      </ul>
		   </li>
		   <li><a href='#' data-target="QnA"><span>Q&A</span></a></li>
		   <li class='last'><a href='#'><span>CONTACT</span></a></li>
		</ul>
    </div>
    <div id="main">
        <div class="header">
            <h1>BJJ</h1>
            <h2>Brazilian Jiu-Jitsu</h2>
        </div>
        <div class="content">
	        
        </div>
    </div>
</div>
</body>
</html>